<footer class="app_standard center_screen">
    <div class="footer_line "></div>
    <nav>
        <li class="left"><a id="app_copyright">© 2014 Peslook - </a> <a class="link" href="#" data-toggle="modal" data-target="#app_box_languages"><?php echo $this->language ?></a></a></li>
        <li class="right"><a class="link" href="<?php echo $this->basePath() ?>/app/careers"><?php echo $this->translate('Careers') ?></a></li>
        <li class="right"><a class="link" href="<?php echo $this->basePath() ?>/app/volunteers"><?php echo $this->translate('Volunteers'); ?></a></li>
        <li class="right"><a class="link" href="<?php echo $this->basePath() ?>/app/developers"><?php echo $this->translate('Developers'); ?></li>
        <li class="right"><a class="link" href="<?php echo $this->basePath() ?>/app/about"><?php echo $this->translate('About'); ?></li>
    </nav>

    <div class="modal fade" id="app_box_languages" tabindex="-1" role="dialog" aria-labelledby="boxMap" aria-hidden="true">
        <div class="modal-dialog modal-lg"">
            <div class="modal-content">

                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h4 class="modal-title" id="myModalLabel"><?php echo $this->translate('Choose your language') ?></h4>
                </div>

                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-4">
                            <ul class="nav nav-pills nav-stacked">
                                <li class="active">
                                    <a href="#" id='title'>
                                        <span class="badge pull-right">32</span>
                                        <?php echo $this->translate('All languages') ?>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <span class="badge pull-right">9</span>
                                        <?php echo $this->translate('Americas') ?>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <span class="badge pull-right">11</span>
                                        <?php echo $this->translate('Asia - Pacific') ?>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <span class="badge pull-right">8</span>
                                        <?php echo $this->translate('Eastern Europe') ?>
                                    </a>
                                </li>

                                <li>
                                    <a href="#">
                                        <span class="badge pull-right">12</span>
                                        <?php echo $this->translate('Western Europe') ?>
                                    </a>
                                </li>

                                <li>
                                    <a href="#">
                                        <span class="badge pull-right">3</span>
                                        <?php echo $this->translate('Africa and Middle East') ?>
                                    </a>
                                </li>
                            </ul>
                        </div>

                        <div class="col-md-8">
                            <div class="panel panel-default">
                                <div class="panel-body">
                                    English   Tiếng Việt
                                </div>
                            </div>
                        </div>

                    </div>
                </div>

            </div>
        </div>
    </div>

    <div class="space"></div>

</footer>